<template>
  <div class="about">
    <h1>This is an about page</h1>
    <template v-for="item in list">
      <SelectCom :list="list" @toNext="toNext"></SelectCom>
    </template>
  </div>
</template>
<script>
import SelectCom from '@/components/Select';
export default {
  data() {
    return {
      list: [
        {
          name: 'select1',
        },
      ],
    };
  },
  components: {
    SelectCom,
  },
  methods: {
    toNext(v) {
      console.log('v:', v);
      this.list.push({
        name: 'select2',
      });
    },
  },
}
</script>
